@charset "UTF-8";
@import "../core/core";

/*个人中心头像区域*/
.u-a-area {
    background: #ff4d46;
    padding: 1.6rem;
    .u-avator {
        display: block;
        width: 8rem;
        height: 8rem;
        margin: 0 auto;
        border-radius: 5rem;
        overflow: hidden;
        border: 2px solid rgba(255, 255, 255, .4);
        text-align: center;
        img {
            width: 100%;
            height: auto;
        }
    }
    .u-name {
        display: block;
        margin-top: 1rem;
        text-align: center;
        color: #fff;
        font-size: 1.4rem;
    }
}
/*个人中心操作列表*/
.u-list {
    margin-top: 1rem;
    padding-left: 1rem;
    background: #fff;
    @include border-both(#e6e6e6);
    a {
        display: block;
        height: 4.4rem;
        line-height: 4.4rem;
        font-size: 1.4rem;
        color: $gray6;
        border-bottom: 1px solid #f0f0f0;
        &:last-child {
            border-bottom: 0;
        }
        .iconfont {
            color: #fff;
            vertical-align: middle;
        }
        span {
            display: inline-block;
            vertical-align: middle;
            width: 3rem;
            height: 3rem;
            margin-right: 0.4rem;
            line-height: 3rem;
            text-align: center;
            border-radius: 1.5rem;
            &.u-l-order {
                background: #5baaff;
            }
            &.u-l-zhanghu {
                background: #7090ff;
            }
            &.u-l-mima {
                background: #ff9553;
            }
            &.u-l-nicheng {
                background: #57987b;
            }
        }
        .icon-arrow1 {
            float: right;
            margin-right: 1rem;
            font-size: 1.2rem;
            vertical-align: middle;
            line-height: 4.4rem;
            color: $grayC;
        }
    }
}
/*用户中心表单*/
.form-group {
    margin-top: 1px;
    padding: 1.6rem;
    input[type="password"],
    input[type="text"],
    input[type="number"] {
        width: 100%;
        height: 4.2rem;
        font-size: 1.4rem;
        padding: 1rem 1rem;
        border: 0;
    }
    .form-item {
        position: relative;
        border: 1px solid $grayC;
        margin-top: -1px;
        overflow: hidden;
        &.first-item {
            border-top-left-radius: 0.4rem;
            border-top-right-radius: 0.4rem;
        }
        &.last-item {
            border-bottom-left-radius: 0.4rem;
            border-bottom-right-radius: 0.4rem;
        }
        &.single-item {
            border-radius: 0.4rem;
        }
    }
    .form-item-btn {
        margin-top: 1.4rem;
        button {
            width: 100%;
            height: 4.2rem;
            padding-left: 0;
            font-size: 1.5rem;
            line-height: 4.2rem;
            color: #fff;
            border: 0;
            background: $red;
            border-radius: 0.4rem;
        }
    }
    .get-code-btn {
        position: absolute;
        right: 0.6rem;
        top: 0.6rem;
        height: 3rem;
        font-size: 1.2rem;
        line-height: 3rem;
        padding: 0 1rem;
        background: $orange;
        color: #fff;
        border-radius: .2rem;
        &.disable {
            background: $grayC;
        }
    }
    input[readonly="readonly"] {
        color: $gray9;
    }
}
/*登录页面/账户页面tag样式*/
.com-tag {
    width: 100%;
    height: 4rem;
    background: #fff;
    @include border-bottom($borderGrayE);
    @include display-flex();
    > a {
        display: block;
        width: 50%;
        height: 4rem;
        line-height: 4rem;
        text-align: center;
        font-size: 1.3rem;
        span {
            color: $gray6;
        }
        &.tag-on {
            span {
                display: inline-block;
                height: 4rem;
                line-height: 4rem;
                color: $red;
                border-bottom: 2px solid $red;
            }
        }
    }
}
/*我的账户*/
.preview {
    padding: 2rem;
    background: $orange;
    text-align: center;
    &.balan {
        background: #3babdf;
        h1 {
            text-shadow: 0 2px 5px #2d84d3;
        }
    }
    p {
        font-size: 1.2rem;
        color: rgba(255, 255, 255, .75);
    }
    h1 {
        font-size: 4rem;
        line-height: 1.4;
        font-weight: 700;
        color: #fff;
        text-shadow: 0 2px 5px #e6731f;
        @include ellipsis();
    }
}
.history-list {
    //background: #fff;
    padding-left: 1rem;
    li {
        height: 6rem;
        padding: 1rem 1rem 1rem 0;
        @include clearfix();
        @include border-bottom($borderGrayE);
        .his-info {
            float: left;
            .type {
                height: 2rem;
                line-height: 2rem;
                font-size: 1.5rem;
            }
            .date {
                height: 2rem;
                line-height: 2rem;
                font-size: 1.2rem;
                color: #888;
            }
        }
        .his-sum {
            float: right;
            height: 4rem;
            font-size: 2.6rem;
            line-height: 4rem;
            text-align: right;
            &.minus {
                color: #ff4d4a;
            }
            &.plus {
                color: #41bb85;
            }
        }
    }
    .com-notice {
        margin-left: -1rem;
    }
}
/*我的定单*/
.order-item {
    margin-top: 1rem;
    @include border-both($borderGrayE);
    .order-title {
        padding: 0.7rem 1rem;
        height: 5rem;
        @include ellipsis();
        @include border-bottom($borderGrayF);
        h1 {
            height: 2rem;
            font-size: 1.5rem;
            line-height: 2rem;
        }
        p {
            height: 1.6rem;
            font-size: 1.2rem;
            line-height: 1.6rem;
            color: $gray9;
        }
    }
    .g-item-wrap {
        padding: 1rem;
        .reg-count {
            float: right;
            margin-right: 0;
            font-weight: 700;
        }
        .g-i-count {
            span {
                color: $gray3;
            }
        }
    }
    .order-info {
        height: 4.4rem;
        padding: 0 1rem;
        line-height: 4.4rem;
        @include display-flex();
        .order-room {
            display: inline-block;
            width: 50%;
            font-size: 1.5rem;
            @include ellipsis();
        }
        .order-price {
            display: inline-block;
            width: 50%;
            font-size: 1.5rem;
            text-align: right;
            vertical-align: middle;
            span {
                font-weight: 700;
                color: $red;
            }
        }
        &.dn-info {
            display: block;
            border-top: 1px solid $borderGrayF;
            .dn-order-state {
                color: $orange;
            }
            .dn-order-time {
                font-size: 1.3rem;
                color: $gray9;
            }
        }
    }

}
.logout {
    padding: 1rem;
    button {
        width: 100%;
        height: 4rem;
        font-size: 1.5rem;
        line-height: 4rem;
        text-align: center;
        color: $red;
        border: 0;
        background: #fff;
        border-radius: 0.4rem;
    }
}
/*登录后设置密码*/
.set-notice {
    padding-bottom: 0.6rem;
    font-size: 1.3rem;
    color: $gray9;
}